<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/schedule.css">
    <title>课程表</title>
</head>

<body>
<div class="container">
	<div class="heading"><h1>课程表</h1></div>
	<div class="main">
		<div class="left">
			<div class="head">
				<div class="week bg-blue">星期</div>
				<div class="time-rotate bg-blue"></div>
				<div id="time" style="position: relative;left: 11px;top: -56px;font-size: 14px;">时间</div>
			</div>
			<div class="morning bg-purple" style="border-right:none;border-left:1px solid #02FF00;">上午</div>
			<div class="pm bg-deepgreen" style="border-right:none;border-left:1px solid #02FF00;border-radius:0 0 0 15px;">下午</div>
		</div>
		<div class="right">
			<ul class="subject">
				<li class="bg-yellow">星期一</li>
				<li class="bg-purple">星期二</li>
				<li class="bg-green">星期三</li>
				<li class="bg-deeppurple">星期四</li>
				<li class="bg-blue" style="border-radius:0 15px 0 0;">星期五</li>
			</ul>
			<ul class="content">
				<li>语文</li>
				<li>数学</li>
				<li>语文</li>
				<li>数学</li>
				<li style="border-right:1px solid #02FF00;">数学</li>
			</ul>
			<ul class="content">
				<li>数学</li>
				<li>语文</li>
				<li>数学</li>
				<li>语文</li>
				<li style="border-right:1px solid #02FF00;">语文</li>
			</ul>
			<ul class="content">
				<li>品德</li>
				<li>语文</li>
				<li>语文</li>
				<li>科学</li>
				<li style="border-right:1px solid #02FF00;">体育1</li>
			</ul>
			<ul class="content">
				<li>美术</li>
				<li>综合</li>
				<li>科学</li>
				<li>英语</li>
				<li style="border-right:1px solid #02FF00;">综合2</li>
			</ul>
			<ul class="content">
				<li>音乐</li>
				<li>音乐</li>
				<li>品德</li>
				<li>体育2</li>
				<li style="border-right:1px solid #02FF00;">美术</li>
			</ul>
			<ul class="content">
				<li>科学</li>
				<li>英语</li>
				<li>体育1</li>
				<li>综合3</li>
				<li style="border-right:1px solid #02FF00;">英语</li>
			</ul>
			<ul class="content">
				<li>阳光</li>
				<li>阳光</li>
				<li>阳光</li>
				<li>阳光</li>
				<li style="border-right:1px solid #02FF00;border-radius:0 0 15px 0;">阳光</li>
			</ul>
		</div>
		
		<div class="clear"></div>
	</div>
</div>
</body>

</html>

